<%--
  Created by IntelliJ IDEA.
  User: konley
  Date: 2020/6/17
  Time: 10:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>小米商城 - 注册</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/my.css"/>
    <script src="${pageContext.request.contextPath }/js/jquery-3.4.1.js" type="text/javascript"
            charset="utf-8"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath }/js/reg.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/bootstrap.css"/>
    <style>
        body {
            background-color: #f6f6f6;
        }

        .reg-center {
            margin-top: 100px;
            background-color: #fff;
        }

        .reg-logo {
            text-align: center;
        }

        .reg-logo img {
            width: 40px;
        }

        #reg-btn {
            width: 100%;
            background-color: #f57921;
        }

        .green {
            color: #2b542c;
        }

        .red {
            color: #c9302c;
        }
    </style>
</head>
<body>
<div class="container">
    <!--文本框-->
    <div class="row">
        <div class="reg-center col-sm-6 col-sm-offset-3">
            <div class="row reg-logo">
                <img src="photo/milogo.jpg">
                <br>
                <h3>注册小米账号</h3>
            </div>
            <br>
            <div class="row reg-from" style="height: 500px">
                <!--具体表单-->
                <div class="col-sm-6 col-sm-offset-3">
                    <form name="reg" action="RegisterServlet" method="get" class="form-horizontal" role="form">
                        <div class="form-group">
                            <label for="name">用户名</label>
                            <input type="text" class="form-control" name="name" id="name" placeholder="请输入用户名">
                            <h5 id="msg"></h5>
                        </div>
                        <div class="form-group">
                            <label for="password">密码</label>
                            <input type="password" class="form-control" name="password" id="password"
                                   placeholder="请输入密码">
                        </div>
                        <div class="form-group">
                            <label for="tel">手机</label>
                            <input type="text" class="form-control" name="tel" id="tel" placeholder="请输入手机号码">
                        </div>
                        <div class="form-group">
                            <label for="city">省份</label>
                            <select class="form-control" id="province">
                                <option value="">- 请选择 -
                                <option value="1">广东
                                <option value="2">河北
                                <option value="3">湖北
                                <option value="4">江苏
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="city">城市</label>
                            <select class="form-control" name="address" id="city">
                                    <option value="">- 请选择 -
                            </select>
                        </div>

                        <div class="form-group">
                            <button type="submit" class="btn" id="reg-btn"><span style="color: white">立即注册</span>
                            </button>
                        </div>
                    </form>
                    <!--已阅读并同意-->
                    <div class="text-center" style="height: 120px">
                        <br><br>
                        已阅读并同意：小米 <strong>用户协议</strong>和 <strong>隐私政策</strong>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--底栏-->
    <div class="row">
        <div class="col-sm-12 text-center" style="margin-top: 80px">
            <p>简体 | 繁体 | Englis | 常见问题 | 隐私政策</p>
            <p>小米公司版权所有 -京ICP备10046444 -京公网安备11010802020134号 -京ICP证110507号</p>
        </div>
    </div>
</div>
</body>
</html>
